body {
	padding: 0px;
	text-align: center;
	background-color: #200302;
	width: 1200px;
	height: 1054px;
	margin-left: auto;
	margin-right: auto;	
	font-family: Courier;
	font-size: 10pt;
	color: white;
}
#pagewidth {
	width: 1200px;
	min-height: 1054px;
	margin-left: auto;
	margin-right: auto;
	background: url('../img/background.gif') no-repeat;
}

a:link, a:visited {
	text-decoration: none;
	color: #DEDEDE;	font-size: 11pt;
}
a:hover, a:active {
	text-decoration: none;
	color: #FFFFFF; font-size: 11pt;
}

div.tekst {
	padding: 10px;
}

h3 {
	font-size: 10px;
	font-weight: bold;
	float: left;
}

#leftcol {
	width: 200px;
	height: 800px;
	float: left;
}

#pasek {
	width: 160px;
	height: 800px;
	position: relative;
	z-index: 1;
	float: left;
	margin-left: 20px;
}
/*nowa cz�� =========================*/
#pasek div {
	width: 92px;
	height: 68px;
	float: left;
	text-align: left;
	padding-left: 5px;
	margin-left: 20px;
	font-family: Arial;
	font-size: 9px;
	color: white;
}
#pasek div p.sub_q {
	margin-top: 5px;
	float: left;
	width: 90px;
	color: black;
}
#pasek div p {
	margin-top: 0px;
	float: left;
	width: 90px;
}
div#pasek div.clear {
	background: url('../img/tlo_zolty.png') no-repeat ;
}
div#pasek div.O {
	background: url('../img/tlo_czerw.png') no-repeat ;
}
div#pasek div.S {
	background: url('../img/tlo_bialy.png') no-repeat ;
}
div#pasek div.FA {
	background: url('../img/tlo_niebieski.png') no-repeat ;
}
div#pasek div.FB {
	background: url('../img/tlo_zielen.png') no-repeat ;
}
div#pasek div.H {
	background: url('../img/tlo_czarny.png') no-repeat ;
}
/*koniec nowej czesci*/

#lewypasek {
	width: 200px;
	height: 122px;
	position: relative;
	z-index: 2;
	display: block;
	top: 200px;
	left: -40px;
	background:  url('../img/lewy_pasek.png') no-repeat;
}

* html #lewypasek {
	width: 200px;
	height: 122px;
	position: relative;
	z-index: 2;
	display: block;
	top: -820px;
	left: -40px;
	background:  url('../img/lewy_pasek.png') no-repeat;
}

/** PRZYCISKI - TR�JK�TY **/
#button_up {
	width: 89px;
	height: 80px;
	position: relative;
	left: 150px;
	top : -20px;
	z-index: 0;
}
* html #button_up {
	width: 89px;
	height: 80px;
	position: relative;
	left: 100px;
	top : -20px;
	z-index: 0;
}

div#lewypasek a#button_up, div#plan a#dodaj, div#button_gora a#gora {
	display: block;
	width: 89px;
	height: 80px;
}
div#lewypasek a#button_up, div#lewypasek a#button_up:hover, div#button_dodaj a#dodaj, div#button_dodaj a#dodaj:hover, div#button_gora a#gora, div#button_gora a#gora:hover {
	background: url('../img/trojkat_G_M.png') no-repeat;
}
div#lewypasek a#button_up, div#button_dodaj a#dodaj, div#button_gora a#gora {
	background: url('../img/trojkat_G_M_pod.png') no-repeat;
}

#button_down {
	width: 89px;
	height: 80px;
	position: relative;
	top: -10px;
	left: 150px;
	z-index: 0;
}
* html #button_down {
	width: 89px;
	height: 80px;
	position: relative;
	top: -10px;
	left: 100px;
	z-index: 0;
}

div#lewypasek a#button_down, div#plan a#usun, div#button_dol a#dol {
	display: block;
	width: 89px;
	height: 80px;
}
div#lewypasek a#button_down, div#lewypasek a#button_down:hover, div#button_usun a#usun, div#button_usun a#usun:hover, div#button_dol a#dol, div#button_dol a#dol:hover {
	background: url('../img/trojkat_D_M.png') no-repeat;
}
div#lewypasek a#button_down, div#button_usun a#usun, div#button_dol a#dol {
	background: url('../img/trojkat_D_M_pod.png') no-repeat;
}


#rightcol {
	width: 1000px;	
	height: 800px; 
	float: left;
	/* background: blue;
	filter:alpha(opacity=60);
	opacity:0.6; */
}

#menu {
	width: 400px;	
	height: 122px;
	position: relative;
	float: left;
	top: -5px;
	background: url('../img/prawy_pasek.png') no-repeat;
}

#divFilter {
	width: 550px;	
	height: 100px;
	position: relative;
	float: left;
	margin-top: 20px;
	margin-left: 0px;
}
#dirs {
	position:relative;
	text-align:left;
	height:50px;
	margin-right: 10px;
	float:left;
}
#specs {
	position:relative;
	text-align:left;
	height:50px;
	margin-right: 10px;
	float:left;
}
#steps {
	position:relative;
	text-align:left;
	height:50px;
	margin-right: 10px;
	float:left;
}
#divPlan {
	position: relative;
	float: left;
	margin-top: 50px;
	margin-left: 50px;
}     
table {
	position:relative;
	float: left;
	text-align:center;
	font-size: 8pt;
	letter-spacing: -1px;
	width: 410px;
	min-height: 250px auto;
	border: 5px solid #cbf3dc;
	border-collapse: collapse;
	background: url('../img/tlo.png') repeat;
	font-family: Courier;
}
th {
	border-collapse: collapse;
	color: orange;
	letter-spacing: 1px;
	font-weight: normal;
}
tr {
	border: 0px solid #cbf3dc;
}

td {
	border: 1px dashed #cbf3dc;
	height: 38px;
}
td.hour {
	border: 0px;
	color: orange;
}
#divSubjs {
	width: 410px;
	height: 240px;
	position: relative;
	float: left;
	margin-top: 50px;
	margin-left: 40px;	
	background: url('../img/tlo.png') repeat;
	border: 5px solid #cbf3dc;
	border-radius: 1em;
}
#subjs {
	position:relative;
	text-align:left;
	height:200px;
	margin:10px;

}
#divDays {
	width: 250px;	
	height: 200px;
	position: relative;
	top: 75px;
	left: 0px;
	float: left;	
	margin-right: 50px;
	/*border: 5px solid #cbf3dc;
	border-radius: 1em;
	background: url('../img/tlo.png') repeat;*/
}
#days {
	position:relative;
	text-align:left;
	height:100px;
	margin:10px;
}
#divLects {
	width: 250px;	
	height: 200px;
	position: relative;
	top: 75px;
	left: 0px;
	float: left;	
	border: 5px solid #cbf3dc;
	border-radius: 1em;
	background: url('../img/tlo.png') repeat;
}
#lects {
	position:relative;
	text-align:left;
	height:100px;
	margin:10px;
}
#divLabs {
	width: 250px;	
	height: 200px;
	position: relative;
	top: 75px;
	left: 0px;
	float: left;	
	border: 5px solid #cbf3dc;
	border-radius: 1em;
	margin-right: 50px;
	background: url('../img/tlo.png') repeat;
}
#labs {
	position:relative;
	top: -75px;
	text-align:left;
	height:100px;
	margin:10px;
}

.hourCol {
	color:#FFCC66;
	text-align:right;
	width:40px;
}
.dayRow {
	color:#FFCC66;
	text-align:center;	
}
.planCell {
	text-align:center;
	width:80px;
}
span.chosen {
	color:#9fee00;
	border-top: 1px gray solid;
	border-bottom: 1px gray solid;
}
span.chosen:hover {
	color: black;
	background-color:#grey;
}
span.hide {
	display: none;
}
span.gr {
	background: url('../img/tlo.png') repeat;
	border: 2px solid #cbf3dc;
        position: relative;
	border-radius: 1em;
}
span.view_plan {
	background: url('../img/tlo.png') repeat;
	border: 2px solid #cbf3dc;
	border-radius: 1em;
	padding: 5px;
	margin: 2px;
	font-size: 10pt;
	letter-spacing: 0px;
}
span {
	display:block;
	cursor:pointer;
}

.buttonUp, .buttonDown {
	position:relative;
	z-index:1;
	width: 89px;
	height: 80px;
	display:block;
	cursor:pointer;
}

div.buttonUp { background: url('../img/trojkat_G_M_pod.png') no-repeat;}
div.buttonUp:hover {background: url('../img/trojkat_G_M.png') no-repeat; }
div.buttonUp:active {background: url('../img/trojkat_G_M.png') no-repeat; }
div.buttonDown { background: url('../img/trojkat_D_M_pod.png') no-repeat;}
div.buttonDown:hover {background: url('../img/trojkat_D_M.png') no-repeat; }
div.buttonDown:active {background: url('../img/trojkat_D_M.png') no-repeat; }
div.zapiszButtonDown { width: 81px; height: 71px; position:relative; background: url('../img/zapisz.png') no-repeat;}
div.zapiszButtonDown:hover {background: url('../img/zapisz_pod.png') no-repeat; }
div.zapiszButtonDown:active {background: url('../img/zapisz_pod.png') no-repeat; }

#subjButUp {
	left:370px;
	margin-top:-180px;
}
#subjButDown {
	left:370px;
	margin-top:10px;
}
#planButUp {
	left: 0px;
	top: -100px;
	color: #038a01;
}
#planButDown {
	margin-top:-80px;
	left: 100px;
	top: -100px;
	color: #b80000;
}
#ButUp {
	top: -25px;
	left: 150px;
	color: #038a01;
}
#ButDown {
	top: -10px;
	left: 150px;
	color: #b80000;
}
#zapiszButDown {
	left: 0px;
	top: -40px;
	color: #5c0000;
}
.podpis {
	font-weight: bold;
	font-size: 15pt;
	position: relative;
	top: 70px;
	left: -5px;
	text-shadow: black 0.1em 0.1em 0.1em;
}

span:link {color:#FFFFFF;}
span:hover {color:#FFFF00;}   
span:active {color:#000000;}

span.gr:hover > .tip{
    position: absolute;
    top: 15px;
    left: 10px;
    z-index: 1;
    background: grey;
    display: block;
}
span.gr  > span.tip{
    display: none;
}

#planTable span.subjectshadow{
    color : green;
}